<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>基于Luckysheet的在线表格</title>
	<style>
		.newSheet {
			margin-bottom: 10px;
		}
		.sheet{
			display: block;
			float: left;
			margin: 10px;
		}

	</style>
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>多人协作在线表格</h1>
		</header>
<p class="sub">
	<ul>
		<li>创建表格：点击【新建表格】，创建新的表格。</li>
		<li>修改表格名称：打开表格后，点击表格【顶部的中间文字】，修改表格名称。</li>
		<li>内容保存：每次操作后，表格内容会自动保存。使用完毕后，可直接关闭浏览器，下次访问网站选择对应的表格即可，内容不会丢失。</li>
		<li>关闭再次打开：关闭浏览器后，再次访问网站，点击选择自己的表格，就可继续编辑内容。</li>
	</ul>
</p>
  
  <div class="newSheet">
	  <a href="/index/create">新建表格</a>
  </div>

	<#if myall??>
		<#list myall as wb>
		<div class="sheet">
			<a target="_blank" href="/index/${wb.id}">${wb.option.title}</a>
		</div>
		</#list>
	<#else>
		<p>没有表格，可点击“新建表格”创建新表格。</p>
	</#if>
	</div>

</body>
</html>